{% extends 'detalles_especie/base.html' %}

			{% block navegacion %}
			<li>
				<a href="{% url detalles_especie:detalle_crear %}">Agregar Nueva Especie</a>
			</li>
			<li>
				<a href="{% url detalles_especie:detalle_filtrar %}">Filtrar Especies</a>
			</li>
			{% endblock navegacion %}	
				
			{%block titulo%}
			Especies
			{%endblock titulo%}
			
			{%block introduccion%}
				A continuación se listan todas las especies cargadas en el portal.
			{%endblock introduccion%}

			

			{%block contenido%}
			<table class="table table-hover">
				{% if object_list %}
				<thead><tr>
					<th   class="accordion-toggle" onclick="location='{% url detalles_especie:listar_por_ordenar 'nombre' %}'">Nombre Común</th>
					<th  class="accordion-toggle" onclick="location='{% url detalles_especie:listar_por_ordenar 'datos' %}'" >Especie</th>
				   <th class="accordion-toggle" onclick="location='{% url detalles_especie:listar_por_ordenar 'estado' %}'">Estado De Conservación</th>
				   <th class="accordion-toggle" onclick="location='{% url detalles_especie:listar_por_ordenar 'tipo' %}'">Tipo de Migración</th>
				   <th>Imagen</th>
				   </tr>
				</thead>
				<tbody>
				{% for object in object_list %}
					<tr class="accordion-toggle" onclick="location='{{ object.referencia_al_link }}'">
						<td><a href="{{ object.referencia_al_link }}">{{ object }}</a></td>
						<td>{% if object.datos %}
								<a href="{% url datos_taxonomicos:datos_ver object.datos.id %}">{{ object.datos }}</a>
							{% else %}	
								Sin especie
							{% endif %}
						</td>
						<td><a href="{% url estados_de_conservacion:estados_cons_ver object.estado.id %}">{{ object.estado }}</a></td>
						<td><a href="{% url tipos_migracion:tipos_mig_ver object.tipo_migracion.id %}">{{ object.tipo_migracion }}</a></td>
						<td>{% load thumbnail %}
								{% if object.imagen %}
								<img src="{% thumbnail object.imagen 35x35 crop %}"  />
 								{% else %}
 								Sin imagen
 								{% endif %} 
 								</td>
					</tr>
				{%endfor%}
				</tbody>
				{% endif %}
			</table>
			
			
			
			{% if is_paginated %}
				        <div class="pagination">
				            <span class="page-links">
				                {% if page_obj.has_previous %}
				                    <a href="{% url detalles_especie:listar_por_ordenar ordenar_por %}?page={{ page_obj.previous_page_number }}">Anterior</a>
				                {% endif %}
				                <span class="page-current">
				                    Página {{ page_obj.number }} de {{ page_obj.paginator.num_pages }}. 
				                </span>
				                {% if page_obj.has_next %}
				                    <a href="{% url detalles_especie:listar_por_ordenar ordenar_por %}?page={{ page_obj.next_page_number }}">Siguiente</a>
				                {% endif %}
				            </span>
				        </div>
				    {% endif %}
				
			{%endblock contenido%}


